body .article, body #tabs-container .article {
	font-size: @baseFontSize;
	color: #666;
	text-shadow: 0 1px 0 @white;
	width: 450px;
	margin: 0 auto 30px;
	#gradient > .vertical(darken(@white, 2%), darken(@white, 6%));
	border-color: #ccc;
	border-color: rgba(0,0,0,.2);
	border-style: solid;
	border-width: 1px;
	.border-radius(5px);
	.box-shadow(0 0px 10px rgba(0,0,0,.2));
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;

	.graphic {
		width: 50px;
		height: 50px;
		margin: 5px;
		float: left;
		background-color: #f4f4f4;
		border: 1px solid #c6c6c6;
		.border-radius(5px);
		.box-shadow(0 0 5px rgba(0, 0, 0, 0.1) inset);
	}

	.graphic + .summary {
		margin-left: 60px;
	}

	.summary {
		padding: 8px 10px;
		color: #b7b7b7;
		font-style: italic;
		position: relative;

		.title {
			border-bottom: 1px solid #e5e5e5;
			.box-shadow(0 1px 0 #fff);
			margin: 0 0 5px;
			padding: 0 0 5px;

			h1 {
				font-size: 15px;
				color: #797979;
				font-style: normal;
				font-weight: normal;
				margin: 0 15px 0 0;
				padding: 0;
				.ellipsis();
			}

			.details {
				clear: both;
			    position: absolute;
			    right: 10px;
			    top: 8px;
			}
		}

		.category {
			float: left;
		}

		.date {
			float: right;
		}

	}

	.item-params {
		.clearfix();
		clear: both;
		margin: 2px 0 5px;
		padding: 0 10px;
		background: darken(@white, 8%);
		border-color: #c6c6c6;
		border-color: rgba(0,0,0,.1);
		border-style: solid;
		border-width: 1px;
		border-left: 0;
		border-right: 0;
		.box-shadow(0 0 6px rgba(0, 0, 0, 0.1) inset);

		li {
			padding: 5px 0;
			input, textarea, select, .uneditable-input {
				margin-bottom: 0;
				padding: 1px;
			}
		}

		input, textarea, select, .uneditable-input {
			height: 12px;
			line-height: 12px;
			font-size: @baseFontSize - 2;
		}
	}
}

body.headers-fancy .article .summary h1 {
	font-size: 21px !important;
	line-height: 21px;
	padding: 0 !important;
	letter-spacing: -1px;
}
